<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../mixins/style/base.css" />
    <link rel="stylesheet" href="../mixins/style/normalize.css" />

    <style>
    .container
    {
        overflow: hidden;
        position: relative;
    }
    </style>
</head>

<body>

    <div class="container" id="app">

        <m-layout>
            <m-header :title="title" class="m-layout-header" slot="header"></m-header>
            <div class="m-layout-side" slot="side">
                <el-menu default-active="1-4-1" class="el-menu-vertical-demo">
                    <el-submenu index="1">
                        <template slot="title">
                                <i class="el-icon-location"></i>
                                <span slot="title">导航一</span>
                        </template>
                        <el-menu-item index="1-1">选项1</el-menu-item>
                        <el-menu-item index="1-2">选项2</el-menu-item>
                        <el-menu-item index="1-3">选项1</el-menu-item>
                        <el-menu-item index="1-4">选项2</el-menu-item>
                        <el-menu-item index="1-5">选项1</el-menu-item>
                        <el-menu-item index="1-6">选项2</el-menu-item>
                    </el-submenu>
                    <el-submenu index="2">
                        <template slot="title">
                                    <i class="el-icon-location"></i>
                                    <span slot="title">导航二</span>
                            </template>
                        <el-menu-item index="2-1">选项1</el-menu-item>
                        <el-menu-item index="2-2">选项2</el-menu-item>
                        <el-menu-item index="2-3">选项1</el-menu-item>
                        <el-menu-item index="2-4">选项2</el-menu-item>
                        <el-menu-item index="2-5">选项1</el-menu-item>
                        <el-menu-item index="2-6">选项2</el-menu-item>
                    </el-submenu>
                    <el-submenu index="3">
                        <template slot="title">
                                        <i class="el-icon-location"></i>
                                        <span slot="title">导航三</span>
                                </template>
                        <el-menu-item index="3-1">选项1</el-menu-item>
                        <el-menu-item index="3-2">选项2</el-menu-item>
                        <el-menu-item index="3-3">选项1</el-menu-item>
                        <el-menu-item index="3-4">选项2</el-menu-item>
                        <el-menu-item index="3-5">选项1</el-menu-item>
                        <el-menu-item index="3-6">选项2</el-menu-item>
                    </el-submenu>

                </el-menu>
            </div>
            <div class="m-layout-main" slot="main">

                <el-row>
                    <el-input size="small" style="width:160px;" placeholder="请选择日期" suffix-icon="el-icon-date" v-model="formInline.user">
                    </el-input>
                    <el-input size="small" style="width:160px;" placeholder="请选择日期" suffix-icon="el-icon-date" v-model="formInline.user">
                    </el-input>
                    <el-input size="small" style="width:160px;" placeholder="请选择日期" suffix-icon="el-icon-date" v-model="formInline.user">
                    </el-input>
                </el-row>



                <el-row class=" clearfix" style="margin-top:10px">
                    <el-col :span="24">
                        <el-button-group>
                            <el-button size="small" type="primary" icon="el-icon-search">搜索</el-button>
                            <el-button size="small" type="primary"><i class="el-icon-delete"></i>删除</el-button>
                            <el-button size="small" type="primary" icon="el-icon-search">新增</el-button>
                            <el-button size="small" type="primary"><i class="el-icon-delete"></i>审核</el-button>
                            <el-button size="small" type="primary" icon="el-icon-search">置顶</el-button>
                            <el-button size="small" type="primary"><i class="el-icon-delete"></i>删除</el-button>
                        </el-button-group>

                    </el-col>

                </el-row>

                <el-row class="mt_10 clearfix">
                    <el-table size="mini" :data="aa" border style="width: 100%">
                        <el-table-column prop="date" label="日期" width="120">
                        </el-table-column>
                        <el-table-column prop="name" label="姓名" width="180">
                        </el-table-column>
                        <el-table-column prop="address" label="地址">
                            <template slot-scope="scope">
                                    <span v-if="!scope.row.edit">
                                        {{scope.row.address}}
                                        {{scope.row.edit}}
                                    </span>
                                    <span v-if="scope.row.edit">
                                            <el-input
                                            size="mini"
                                            placeholder="请输入内容"
                                            v-model="scope.row.address">
                                          </el-input>
                                    </span>
                             </template>
                        </el-table-column>
                        <el-table-column label="操作" width="150">
                            <template slot-scope="scope">


                        

                                    <span v-if="!scope.row.edit">
                                            <el-button @click="handleClick(scope.row)" type="primary" size="mini">编辑</el-button>
                                    </span>

                                    <span v-if="scope.row.edit">
                                            <el-button @click="handleClick(scope.row)" type="primary" size="mini">保存</el-button>
                                    </span>


                                <el-button type="primary" size="mini">删除</el-button>
                            </template>
                        </el-table-column>





                    </el-table>
                </el-row>


               

            </div>
        </m-layout>


    </div>


    <script src="http://localhost:8180//git-my/vue-ladder/src/lib/jquery.js"></script>
    <script src="http://localhost:8180//git-my/vue-ladder/src/lib/sea-all.js"></script>

    <script src="http://localhost:8180//git-my/vue-ladder/src/lib/vue.js"></script>
    <script src="http://localhost:8180//git-my/vue-ladder/src/lib/vue-router.js"></script>

    <script src="http://localhost:8180//git-my/vue-ladder/src/page/boot.js"></script>

    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <link rel="stylesheet" href="http://localhost:8180//git-my/vue-ladder/src/lib/font-awesome/css/font-awesome.css">

    <!-- 引入样式 -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <!-- 引入组件库 -->
    <link src="http://localhost:8180//git-my/vue-ladder/src/lib/elementui/index.css" />

    <script src="http://localhost:8180//git-my/vue-ladder/src/lib/elementui/index.js"></script>


    <script>
        $(function() {
            // inlineBlock 兼容safari
            function inlineBlockHack() {
                $('.inline-block-container').contents().filter(function() {
                    return this.nodeType === 3;
                }).remove();
            }
            inlineBlockHack();
        });
    </script>

    <script>
        $(function() {
            seajs.use('page/main.js');
        })
    </script>



</body>

</html>